@svg 1px-border {
  width: 4px;
  height: 4px;
  @rect {
    fill: transparent; // content为透明
    width: 100%; // 宽度为4px * 100%
    height: 100%; // 高度为4px * 100%
    stroke-width: 25%; // 边框宽度 4px * 25%(即1px)
    stroke: var(--color, black); // 颜色
  }
}

@mixin bgimage($url) {
  background-image: url($url+"@2x.png");
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url($url+"@3x.png");
  }
}

body > div {
  font-size: 0.24rem;
}

html,
body {
  // height: 100%;
  overflow: auto;
}
.wrap-box {
  overflow: auto;
  i {
    display: block;
    height: 16px;
    background-color: #f5f5f5;
  }
  .data-list {
    list-style: none;
    padding: 0 30px;
    li {
      height: 144px;
      font-size: 30px;
      padding-top: 28px;
      position: relative;
      .top-text {
        overflow: hidden;
        height: 42px;
        .phone {
          float: left;
          color: #282828;
        }
        .time {
          float: right;
          color: #969696;
          font-size: 29px;
          line-height: 42px;
        }
      }
      .bottom-text {
        color: #656565;
        font-size: 26px;
        margin-top: 6px;
      }
    }
    li:not(:last-child):after {
      content: " ";
      display: block;
      border: 0;
      width: 100%;
      position: absolute;
      bottom: 0;
      border-top: 1px solid;
      border-image: svg(1px-border param(--color #eeeeee)) 1 stretch !important;
    }
  }
}
